<template>
  <div>
    <!--v-bind:style="{display: registerContentShow }"-->
    <div class="register_content">
      <form>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="email" class="form-control"  placeholder="请输入注册账户">
          </div>
        </div>
        <h6>&nbsp;</h6>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="password" class="form-control"  placeholder="请输入密码">
          </div>
        </div>
        <h6>&nbsp;</h6>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="password" class="form-control"  placeholder="请重复输入密码">
          </div>
        </div>
        <h6>&nbsp;</h6>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="password" class="form-control"  placeholder="请输入邮箱">
          </div>
        </div>
        <h6>&nbsp;</h6>
        <div class="form-group">
          <div class="col-sm-12">
            <input type="password" class="form-control"  placeholder="请输入邮箱收到的校验码">
          </div>
        </div>
        <h6>&nbsp;</h6>
        <div class="form-group">
          <div class="col-sm-6">
            <input type="password" class="form-control"  placeholder="请输入验证码">
          </div>
          <div class="col-sm-6">
            <input type="password" class="form-control"  placeholder="请输入验证码">
          </div>
        </div>
        <h3>&nbsp;</h3>
        <div class="form-group">
          <div class="col-sm-12">
            <button type="button" class="btn btn-primary login_botton">注册</button>
            <!--<button type="submit" class="btn btn-default">登录</button>-->
          </div>
        </div>
      </form>
    </div>
  </div>
</template>

<script>

  import PageFooter from '@/view/base/Footer'
  export default {
    name: 'Login',
    components: {
      PageFooter
    },
    data () {
      return {
        msg: 'Welcome to Your Vue.js App',
        registerContentShow: 'none',
        loginContentShow: 'inline'
      }
    }
  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
  .login_top_div{
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: rgb(247, 250, 252);
    /*background:url(/static/pic/login/loginBackground.jpg) no-repeat;*/
    /**/
    /*background-size:cover;*/
    border: none;
  }
  .login_all_content{
    margin-top: 2%;
  }
  .login_botton{
    width: 100%;
  }
  input{
    background:rgba(0, 0, 0, 0);
    height: 40px;
  }
  .login_checkFeatures{
    width: 40%;
  }
  .loginPage_title{
    color: rgb(15,136,235);
    font-size: 50px;
  }
  .login_content{
    -webkit-transition:all .5s;
    transition:all .5s;
  }
</style>
